<template>
    <div :class="[prefixCls, {
        [`${prefixCls}-disabled`]: disabled
    }]">
        <slot></slot>
    </div>
</template>
<script lang="ts">
import { getPrefixCls } from '../../_utils/global-config';
import { defineComponent, computed, CSSProperties } from 'vue';  // 引入computed
export default defineComponent({
    name: "IconHover",
    props: {
        /**
         * @zh 图标是否禁用
         * @en Whether the icon is disabled
         * @default false
         */
        disabled: {
            type: Boolean,
            default: false
        }
    },
    setup(props) {
        const prefixCls = getPrefixCls('icon-hover');
        return {
            prefixCls
        }
    }
})
</script>
